<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>订单支付</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/app.css">

</head>
<body>
    <!-- top Nav -->
    <header class="ui-header ui-header-positive ui-border-b">
        <i class="ui-icon-return" onclick="history.back()"></i>
        <h1>订单支付</h1>
        <a class="go-home" href="/"><i class="ui-icon-home"></i></a>
    </header>
    <!-- 订单支付 -->
    <div class="user-order">
        <div class="order-list">
            <p class="inp-tips"><em>请在120分钟内支付，否在订单将自动取消</em></p>
            <ul class="order-infor">
                <li>
                    <span>订单</span>
                    <p>南山滑雪场周末(节假日)全天滑雪票</p>
                </li>
                <li>
                    <span>订单号</span>
                    <p>12234556789022</p>
                </li>
                <li>
                    <span>单价</span>
                    <p>¥295</p>
                </li>
                <li>
                    <span>门票类型</span>
                    <p>电子票、在线支付</p>
                </li>
                <li>
                    <span>姓名</span>
                    <p>李小刚</p>
                </li>
                <li>
                    <span>联系电话</span>
                    <p>13455566778</p>
                </li>
            </ul>
            <div class="pay-way">
                <h3 class="ui-border-b">请选择支付方式</h3>
                <ul class="ui-list ui-list-text ui-list-radio ui-border-tb">
                    <li class="ui-border-t">
                        <p><i class="wx-pay"></i>微信</p>
                        <label class="ui-radio" for="radio">
                            <input type="radio" name="radio" checked>
                        </label>
                    </li>
                    <li class="ui-border-t">
                        <p><i class="zfb-pay"></i>支付宝</p>
                        <label class="ui-radio" for="radio">
                            <input type="radio" name="radio">
                        </label>
                    </li>
                </ul>
            </div>
            <footer class="ui-footer ui-footer-stable ui-border-t">
                <ul class="ui-tiled">
                    <li class="ui-btn-row">
                        <em>¥295</em>
                    </li>
                    <li class="ui-btn-row">
                        <button class="ui-btn-lg ui-btn-danger">
                            立即支付
                        </button>
                    </li>
                </ul>
            </footer>
        </div>

    </div>


    <div class="mask"></div>
    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/app.js"></script>

</body>
</html>